<template>
  <div id="app">
    <!-- <main-header></main-header> -->
    <!-- <py-row class="page-body"> -->
    <div class="contianer">
      <!-- happy new year
      <div id="popup-Wintersale" v-show="snowIsshow" v-on:click="nosnow">
        <div class="scene">
          <div class="scene__bg-0"></div>
          <div class="scene__bg-1"></div>
          <div class="scene__bg-2"></div>
          <div class="scene__piki">
            <div class="arm">
              <div class="snow"></div>
            </div>
          </div>
        </div>
        <div class="scene__snow-1"></div>
        <div class="scene__snow-2"></div>
        <div class="scene__snow-3"></div>
        <div class="scene__snow-4"></div>
        <div class="scene__snow-5"></div>
      </div>
      -->
      <!-- happy new year end -->
      <side-nav class="nav"></side-nav>
      <router-view class="view"/>
    </div>
    <!-- </py-row> -->
    <!-- <py-row>
      <main-footer class="footer"></main-footer>
    </py-row>-->
  </div>
</template>

<script>
import Vue from "vue";
import mainHeader from "./components/header";
import sideNav from "./components/side-nav";
import mainFooter from "./components/footer";
export default {
  name: "App",
  data() {
    return {
      snowIsshow: true
    };
  },
  components: {
    //mainHeader,
    sideNav,
    mainFooter
  },
  methods: {
    nosnow() {
      this.snowIsshow = false;
    }
  },
  created() {
    //console.log(this);
  },
  mounted() {
    //this.$store.dispatch("getMenuList", "");
  }
};
</script>

<style lang="scss">
@import "./assets/css/index.scss";
</style>
